
"use client";
import Image from "next/image";
import Link from "next/link";

import { Avatar, Dropdown, Navbar, Button, Modal, TextInput, Footer, Clipboard } from "flowbite-react";
import { List } from "flowbite-react";
import Pet from "./components/Pet";
import ThirdWebContract from "./components/ThirdWebContract";
import Skill from "./components/Skill";
import { useState } from "react";
import CommonNavBar from "./components/CommonNavbar";
import WinOrder from "./components/WinOrder";
import AnimatedTextWord from "./components/AnimatedTextWord";
export default function Home() {

  return (
    <>

      <div className="flex justify-center gap-10">
        <ThirdWebContract />
      
        <div className="flex items-center gap-10">
          <div className="space-x-4 flex-col gap-10" style={{ width: "400px" }}>
          <WinOrder />
            <h1>
              <AnimatedTextWord text={" 你好，我是 Cobo"}/>   
            </h1>

            <h3>
              Java WEB 开发者
            </h3>
            <p>
              作为一名拥有6年经验的Java开发，我热爱编程，精通Java并涉猎机器学习与前端技术。作为小组长，我享受解决复杂问题的乐趣，致力于用代码创造价值，对编程充满无限热情与追求。
            </p>

            <Button className="gap-y-10" gradientDuoTone="purpleToPink" onClick={() => setOpenModal(true)}>联系我</Button>

          </div>

          <div style={{ paddingTop: "200px" }} >
            <Pet />
          </div>
        
        </div>
      </div>

      <div className="flex flex-col gap-20 p-40 " >
        <Skill />
      </div>

      <Footer container>
        <Footer.Copyright href="#" by="Cobo™" year={2025} />
        <Footer.LinkGroup>
          <Footer.Link href="#">关于</Footer.Link>
          <Footer.Link href="#">隐私策略</Footer.Link>
          <Footer.Link href="#">Licensing</Footer.Link>
          <Footer.Link href="#">联系我</Footer.Link>
        </Footer.LinkGroup>
      </Footer>
    </>


  );
}
